.int2_title {
    position: absolute;
    top: 1016px;
    left: 50%;

    width: 801px;
    height: 112px;
    margin-left: -400px;

    opacity: 0;
    background-position: 0 -280px;
}

.int2_title.active {
    animation: int2_title 1.0s ease-in-out;

    opacity: 1;
}

@keyframes int2_title {
    0% {
        transform: translate(0, 40px);

        opacity: 0;
    }
    100% {
        transform: translate(0, 0);

        opacity: 1;
    }
}


@keyframes int2_bg_light {
    0% {
        opacity: .4;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .5;
    }
}
@keyframes int2_bg_card1 {
    0% {
        transform: translate(0, -70px);
    }
    50% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(0, -70px);
    }
}
@keyframes int2_bg_card2 {
    0% {
        transform: translate(20px, -50px);
    }
    50% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(20px, -50px);
    }
}
@keyframes int2_bg_card3 {
    0% {
        transform: translate(-20px, 50px);
    }
    50% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-20px, 50px);
    }
}
@keyframes int2_bg_card4 {
    0% {
        transform: translate(0, -50px);
    }
    50% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(0, -50px);
    }
}

@keyframes int2_card_on {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(0, -50px);
    }
}
